import style from './index.module.less'
import{UserOutlined,FieldTimeOutlined,CommentOutlined} from '@ant-design/icons'
export default function (props) {
    const {artical}=props

    return (
        <div className={style.artical}>
            <h3>{artical.title??'未知'}</h3>
            <p>{artical.content??'未知'}</p>
            <div className={style.infoBox}>
                <span className={style.info}><UserOutlined style={{fontSize:'16px',marginRight:'.2rem'}}/>{ artical.author??'未知'}</span>
                <span className={style.info}><FieldTimeOutlined style={{fontSize:'16px',marginRight:'.2rem'}}/>{ artical.author??'未知'}</span>
                <span className={style.info}><CommentOutlined style={{fontSize:'16px',marginRight:'.2rem'}}/>{ artical.author??'未知'}</span>
            </div>
        </div>
    )
}